.zhibo {
    height: 100%;
    width: 1100px;

    .top {
        display: flex;
        padding: 10px;
        text-align: center;
        align-items: center;

        h3 {
            font-size: 22px;
            margin-right: 200px;
        }

        h4,
        .ant-space-item {
            font-size: 18px;
            padding: 15px;
        }

        .ant-tabs-top>.ant-tabs-nav::before {
            border-bottom: 0;
        }

        .ant-tabs {
            margin-top: 15px;

            .ant-tabs-ink-bar.ant-tabs-ink-bar-animated {
                background-color: #f0f2f5;
            }
        }
    }

    #renshu {
        height: 400px;
        margin-bottom: 30px;

        canvas {
            border-radius: 30px;
        }
    }

    .xia {
        background-color: white;
        padding: 20px;

        h3 {
            margin-bottom: 20px;
        }


        .ant-table-wrapper {
            height: 100%;

            .ant-table-thead>tr>th {
                text-align: center;
            }

            .ant-table-tbody>tr>td {
                text-align: center;

                img {
                    width: 100%;
                }
            }

            .ant-table-tbody {
                .ant-table-row {
                    td:nth-child(1) {
                        color: blue;
                    }

                }
            }
        }
    }

    .ant-pagination {
        opacity: 0;
    }
}